<h4><{$album_title}></h4>

<!-- Top Nav Bar -->
<table border=0 width="100%" class="outer" cellspacing="0">
  <tr>
	<td align="right" class="even">
	  <{$breadcrumb}>&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<b><font color="#990001"><{$photoCaption}></font></b>
	</td>
  </tr>
  <tr>
	<td>
	  <table width="100%" cellspacing="0" cellpadding="1">
		<tr>
		  <td nowrap class="odd"><a href="<{$navLinks.first}>" title="First"><img src="images/nav_first.gif" border="0" width="27" height="11" alt="<{$lang_firsphot}>"></a></td>
		  <td nowrap class="odd"><a href="<{$navLinks.prev}>" title="Previous"><img src="images/nav_prev.gif" border="0" width="72" height="11" alt="<{$lang_prevphot}>"></a></td>
		  <td nowrap class="odd" style="width:100%; text-align: center; text-size: smaller;"><span class="nav">
			(<{$navLinks.numCurrent}> 
			<{$lang_of}> 
			<{$navLinks.numTotal}>
			)</span></td>
		  <td nowrap class="odd"><a href="<{$navLinks.next}>" title="Next"><img src="images/nav_next.gif" border="0" width="72" height="11" alt="<{$lang_nextphot}>"></a></td>
		  <td nowrap class="odd"><a href="<{$navLinks.last}>" title="Last"><img src="images/nav_last.gif" border="0" width="27" height="11" alt="<{$lang_lastphot}>"></a></td>
		</tr>
	  </table>
	</td>
  </tr>
</table>

<{if ($adminHasCommands) }>
<table border="0" width="100%">
  <tr>
	<td align="right"><{$adminbox}></td>
  </tr>
</table>
<{/if}>
<{if $shutterfly_form == "true"}>
<table border="0" width="100%">
  <tr>
	<td align="right"><{$shutterflyCommands}></td>
  </tr>
</table>
<{/if}>
<!-- image -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td style="text-align: center; padding: 10px;">
	  <{$photoImage}>
	  <{if ($showExif)}>
	  <!-- EXIFTable is a 4 column wide table -->
	  <{$EXIFtable}>
	  <{/if}>
	</td>
  </tr>
</table>

<table border="0" width="100%" cellpadding="0" cellspacing="0">
  <tr>
	<td colspan="3" align="center"><span class="caption"><{$editCaption}></span><br /><br /></td>
  </tr>
</table>

<{if ($PreviewthumbImage) }>
<!-- preview -->
<table width="1%" border="0" cellspacing="5" cellpadding="5" align="center">
  <tr>
    <td width="<{$preview_tdspace}>%">&nbsp;</td>
    <{foreach item=PreviewthumbImage from=$PreviewthumbImage}>
        <td align="center" style="border: 1px dashed #999999; padding: .1cm; vertical-align: middle;">
            <a href="<{$PreviewthumbImage.link}>"><{$PreviewthumbImage.image}></a>
        </td>
    <{/foreach}>
   <td width="<{$preview_tdspace}>%">&nbsp;</td>
  </tr>
</table>
<br/>
<{/if}>

<{if ($adminHasCommands) }>
<table border="0" width="100%">
  <tr>
	<td align="right"><{$adminbox}></td>
  </tr>
</table>
<{/if}>
<{if $shutterfly_form == "true"}>
<table border="0" width="100%">
  <tr>
	<td align="right"><{$shutterflyCommands}></td>
  </tr>
</table>
<{/if}>
<table border="0" width="100%" class="outer" cellspacing="0" cellpadding="0">
  <tr>
	<td><table width="100%" cellspacing="0" cellpadding="1"><tr>
		<td nowrap class="odd"><a href="<{$navLinks.first}>" title="First"><img src="images/nav_first.gif" border="0" width="27" height="11" alt="<{$lang_firsphot}>"></a></td>
		<td nowrap class="odd"><a href="<{$navLinks.prev}>" title="Previous"><img src="images/nav_prev.gif" border="0" width="72" height="11" alt="<{$lang_prevphot}>"></a></td>
		<td nowrap class="odd" style="width:100%; text-align: center; text-size: smaller;"><span class="nav">(<{$navLinks.numCurrent}> <{$lang_of}> <{$navLinks.numTotal}>)</span></td>
		<td nowrap class="odd"><a href="<{$navLinks.next}>" title="Next"><img src="images/nav_next.gif" border="0" width="72" height="11" alt="<{$lang_nextphot}>"></a></td>
		<td nowrap class="odd"><a href="<{$navLinks.last}>" title="Last"><img src="images/nav_last.gif" border="0" width="27" height="11" alt="<{$lang_lastphot}>"></a></td>
	</tr></table></td>
  </tr>
    <td align="right" class="even"> 
      <{$breadcrumb}>&nbsp;&nbsp;&raquo;<b><font color="#990001"><{$photoCaption}></font></b>
	</td>
</table>

<table border="0" width="100%">
  <tr>
    <td>
    <!-- The Gallery code version number, linked to the Gallery home page -->
    <span style="font-size: 8px;">
    Powered by <a href="http://www.xoopsgallery.org/" target="_blank" style="font-size: 8px">XoopsGallery</a> v<{$gallery_version}> <br />
    Ported from <a href="http://gallery.sf.net/" target="_blank" style="font-size: 8px">Gallery</a> 
	</span>
</table>

<div style="text-align: center; padding: 3px; margin:3px;">
  <{$commentsnav}>
  <{$lang_notice}>
</div>

<div style="margin:3px; padding: 3px;">
  <!-- start comments loop -->
  <{if $comment_mode == "flat"}>
    <{include file="db:system_comments_flat.html"}>
  <{elseif $comment_mode == "thread"}>
    <{include file="db:system_comments_thread.html"}>
  <{elseif $comment_mode == "nest"}>
    <{include file="db:system_comments_nest.html"}>
  <{/if}>
  <!-- end comments loop -->
</div>

<{if $shutterfly_form == "true"}>
	<form name="sflyc4p" action="http://www.shutterfly.com/c4p/UpdateCart.jsp" method="post">
	  <input type="hidden" name="addim" value="1">
	  <input type="hidden" name="protocol" value="SFP,100">
	  <input type="hidden" name="pid" value="<{$gallery_pid}>">
	  <input type="hidden" name="psid" value="<{$gallery_psid}>">
	  <input type="hidden" name="referid" value="gallery">
	  <input type="hidden" name="returl" value="this-gets-set-by-javascript-in-onClick">
	  <input type="hidden" name="imraw-1" value="<{$rawImage}>">
	  <input type="hidden" name="imrawheight-1" value="<{$imageHeight}>">
	  <input type="hidden" name="imrawwidth-1" value="<{$imageWidth}>">
	  <input type="hidden" name="imthumb-1" value="<{$thumbImage}>">
	  <input type="hidden" name="imbkprnta-1" value="<{$imageCaption}>">
</form>
<{/if}>
